﻿/*------------------------------
=BASIC SETUP
------------------------------*/

/* Makeshift CSS Reset */
* {
	margin: 0;
	padding: 0;
}

/* Tell the browser to render HTML 5 elements as block */
header, footer, section, aside, nav, article {
	display: block;
}

html
{
    background: silver;
}

body 
{
    width: 920px;
    margin: 0 auto;
    background: white;
}
/* HEADER *******************************/
header
{
    height:40px;
    /*border: 1px solid black;*/
    background-color: #d1def6;
}

header h1 
{
    /*border: 1px solid black;*/
    width:200px;
    color:#1e6af6;
    
    /*position:absolute;*/
    /*float:left;*/
    margin:auto;
}

/* NAVIGATION  **************************/
nav
{
    padding:20px;
    float:left;
    width:200px;
    /*border: 1px solid blue;*/
} 

/*#navigation {font-size:0.75em; width:150px;}*/

ul
{
    /*border:1px solid;*/
    background-color: #eff8ff;
    list-style:none; /* remove bulets */
    width:200px;
    margin:0; /* put all in vertical list position */
    padding:0;
}

ul li
{
    position:relative;
    width:198px;
    border: 1px solid blue;
} 

li ul
{
    position:relative;
    /* hide sub menu items */
    /*display:none; */
}

li ul li
{
    /* put some space before */   
    border-left: 0; 
    padding-left:8px;/*border-left:8px solid blue;*/
    width:190px;
}    

/* Styles for Menu Items */
ul li a
{
    color:Blue;
    background-color: #eff8ff;
    text-decoration:none;
    padding:0 5px 0 5px;
    display:block;
} 

/* set dropdown to default */
li:hover li a, li.over li a {
    color: Blue;
    background-color: #eff8ff;
}

/* this sets all hovered lists to red */
li a:hover,
li:hover a, li.over a,
li:hover li a:hover, li.over li a:hover {
   color: #fff;
   background-color: #578cab;
}

li ul li  {  } /* Sub Menu Styles */
li.on ul { display:block} /* The magic */
li.off ul {display:none}

 
/* MAIN CONTENT *************************/
section
{
    float:right;
    width:636px;
    /*border: 1px solid red;*/
    padding:0 20px;
    
}


/* FOOTER **********************************/
footer
{
    clear:both;
    /*border: 1px solid black;*/
    background-color: #d1def6;
}

/* COMON ***********************************/
.autowidth
{
    width:100%;
}

table
{
    border-collapse:collapse;
    border:1px solid blue;
}

th
{
    border:1px solid blue;
}

td
{
    border:1px solid blue;
}